<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>detail</title>
    <link rel="stylesheet" href="/css/detail.css">
</head>

<body>
    <header class="g-hd"></header>
    <div class="detail-bd">
        <div class="g-bd">
            <div class="g-row">
                <div class="my-crumbs">
                    <a href="/">首页</a>
                    <span class="icon"></span>
                    <a href="/html/list.html">居家生活</a>
                    <span class="icon"></span>
                    <a href="javascript:;">床品</a>
                    <span class="icon"></span>
                    <span class="z-cur">铁傀儡四件套 我的世界</span>
                </div>
            </div>
        </div>
        <div class="g-bd">
            <div class="g-row">
                <div class="m-detail">
                    <!-- 模板引擎 -->
               
                    <div class="detail-top" id="detail-top">

                    </div>
                    <script type="text/html" id="detailJs">
                        <div class="slide">
                            <div class="view">
                                <img  src="{{photo[0].url}}" class="zoom-img" >
                            </div>
                            <div class="viewList">
                                <ul id="gal1">
                                        {{each photo img}}
                                    <li>
                                        <a href="javascript:;" data-image="{{img.url}}" data-zoom-image="{{img.url}}">
                                            <img src="{{img.url}}">
                                        </a>
                                    </li>
                                   {{/each}}
                                </ul>
                            </div>
                        </div>
                        <div class="info">
                            <div class="intro">
                                <div class="name">{{title}}</div>
                                <div class="desc">{{saleNum}}</div>
                            </div>
                            <!-- 价格信息 -->
                            <div class="price u-formctr">
                                <div class="pBox" style="display: block;">
                                    <span class="label-1">售价</span>
                                    <span class="rp">
                                        <span class="rmb">￥</span>
                                    <span class="now-price">{{price}}</span>
                                    </span>
                                    <span class="sp">
                                        <span class="rmb">￥</span>
                                    <span class="past-price">468</span>
                                    </span>
                                    <div class="giftTag">清仓特价</div>
                                </div>
                                <!-- <div class="server">
                                    <span class="label-1">服务</span>
                                    <div class="sFirstLine">
                                        <i class="icon-normal-point"></i> 满88元免邮费
                                        <span class="interspace"></span>
                                        <i class="icon-normal-point"></i>7天无忧退换
                                        <span class="interspace"></span>
                                    </div>
                                </div> -->
                            </div>
                            <!-- 尺寸 -->
                            <div class="j-param">
                                <div class="param">
                                    <span class="name">尺寸</span>
                                    <div class="field">
                                        <ul class="m-tabs">
                                            <li class="tab-con">
                                                <a href="javascript:;" class="tab tab-txt">
                                                    <span class="txt">1.5m</span>
                                                </a>
                                            </li>
                                            <li class="tab-con">
                                                <a href="javascript:;" class="tab tab-txt">
                                                    <span class="txt">1.8m</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="number f-clearfix">
                                <span class="name">数量</span>
                                <div class="field">
                                    <div class="f-ib">
                                        <div class="u-selnum">
                                            <span class="j-reduce less z-dis">
                                                <i class="hx"></i>
                                            </span>
                                            <input class="j-input" value="1">
                                            <span class="j-add more">
                                                <i class="hx"></i>
                                                <i class="sx"></i>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="btns">
                                <a href="/html/login.html" class="buyNow btn-xl">
                                    <span>立即购买</span>
                                </a>
                                <a href="javascript:;" class="addCart btn-xl">
                                    <span>加入购物车</span>
                                </a>
                                <div class="w-mask"></div>
                                <!--弹框-->
                                <div class="login-box">
                                        <div class="login-title">登录网易邮箱账号</div>
                                        <form action="" class="login-form">
                                            <div class="input-group group-1">
                                                <div class="input-icon">
                                                <span class="input-group-addon " id="sizing-addon2"></span>
                                                </div>
                                                <input type="text" class="form-control mail-inp" placeholder="邮箱账号" aria-describedby="sizing-addon2">
                                            </div>
                                            <div class="input-group group-2">
                                                <div class="input-icon">
                                                <span class="input-group-addon " id="sizing-addon2"></span>
                                                </div>
                                                <input type="password" class="form-control pwd-inp" placeholder="输入密码" aria-describedby="sizing-addon2">
                                            </div>
                                            <div class="login-btn">
                                                <a href="javascript:;" class="my-login-btn">登&nbsp;&nbsp;录</a>
                                            </div>
                                            <div class="my-unlogin">
                                                <a href="javascript:;" class="forgetpw">忘记密码</a>
                                                <a href="/html/register.html" class="registeruser" target="_blank">去注册</a>
                                            </div>
                                        </form>
                                    </div>
                                <div class="collectZone">
                                    <div class="zone-1">
                                        <div class="top top-1">
                                            <span class="icon-collect"></span>
                                        </div>
                                        <div class="top top-2" style="display: none;">
                                            <span class="icon-collect"></span>
                                        </div>
                                    </div>
                                    <div class="zone-2">
                                        <div class="bottom bottom-1">
                                            <p>收藏</p>
                                        </div>
                                        <div class="bottom bottom-2" style="display: none;">
                                            <p>已收藏</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </script>
                </div>
                </div>
            </div>
        </div>
        <a href="/html/cart.html">
            <div id="flycart" style="width:60px;height:80px;position: fixed;right: 0;top:500px;background:url('/images/GWC.jpg')">
                <span></span>
                <span id="cart-item-num" style="font-size: 15px;line-height: 144px;color:#666;">0</span>
            </div>
        </a>
    </div>
    <footer class="g-ft"></footer>
    <script src="/libs/requireJs/require.min.js" data-main="/js/detail"></script>
</body>

</html>